html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    padding: 0px;
    margin: 0px;
    border: 0px;
    outline: 0px;
    -webkit-font-smoothing: antialiased;
    font-family: "SourceHanSansCN", PingFang SC, Microsoft Yahei, Roboto Light, Helvetica-Light, Arial, sans-serif;
}

html, body, html .halflings {
    -webkit-font-smoothing: antialiased !important;
    font-family: "SourceHanSansCN", PingFang SC, Microsoft Yahei, Roboto Light, Helvetica-Light, Arial, sans-serif;
    /*
    font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Roboto Light, Helvetica-Light, Arial, sans-serif;
    */
}

body {
    background-color: #f8f8f8 !important;
    font-size: 14px;
    font-weight: normal;
    overflow-x: auto !important;
}

form table {
    font-size: 13px;
}

input:focus {
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 14px;
    color: #303e45;
}

h5 {
    font-size: 14px;
    color: #526069;
}

h6 {
    font-size: 13px;
    color: #526069;
}

h3,
h4,
h5 {
    margin-top: 4px;
    font-weight: 600;
}

a, a:focus {
    outline: none !important;
    text-decoration: none !important;
}

input {
    font-weight: 400;
}

select, option, optgroup {
    font-weight: 400;
    cursor: pointer !important;
}

.font-size-13 {
    font-size: 13px !important;
}

.navbar_title {
    font-size: 14px;
    color: #303e45;
}

.navbar_title > span {
    color: #526069;
    font-weight: 300;

}

.navbar_title > span > a {
    color: inherit;
    cursor: pointer;

}

.navbar_title > span > a:hover {
    color: #FE2572 !important;
}

.padding-bottom-96 {
    /*padding-bottom: 96px !important;*/
}

.padding-left-4 {
    padding-left: 4px;
}

.padding-horizontal-4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.padding-horizontal-12 {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.padding-left-24 {
    padding-left: 24px !important;
}

.padding-right-24 {
    padding-right: 24px !important;
}

.margin-4 {
    margin: 4px;
}

.margin-8 {
    margin: 8px;
}

.margin-top-8 {
    margin-top: 8px;
}

.margin-12 {
    margin: 12px;
!important;
}

.margin-left-8 {
    margin-left: 8px;
}

.margin-4-lr {
    margin: 0 4px;
}

.margin-16 {
    margin: 16px;
}

.margin-top-16 {
    margin-top: 16px;
}

.margin-top-4 {
    margin-top: 4px;
}

.margin-right-4 {
    margin-right: 4px;
}

.margin-left-16 {
    margin-left: 16px;
}

.padding-left-16 {
    padding-left: 16px !important;
}

.margin-left-12 {
    margin-left: 12px;
}

.margin-right-12 {
    margin-right: 12px;
}

.margin-12-lr {
    margin: 0 12px;
}

.margin-right-40 {
    margin-right: 40px;
}

.margin-16-lr {
    margin: 0 16px;
}

.margin-20-lr {
    margin: 0 20px;
}

.margin-top-12 {
    margin-top: 12px !important;
}

.margin-left-24 {
    margin-left: 24px;
}

.margin-left-108 {
    margin-left: 108px !important;
}

.margin-24 {
    margin: 24px;
}

.margin-32 {
    margin: 32px;
}

.inline-table {
    display: inline-table;
}

.margin-top-24 {
    margin-top: 24px !important;
}

.round_tags {
    display: inline-block !important;
    text-align: center !important;
    border-radius: 20px !important;
    color: white !important;
    min-width: 50px;
    padding: 2px 12px !important;
    margin: 2px;
    font-size: 12px !important;
}

/*瓒呴摼鎺ユ枃瀛�*/
.link_a, .hive_table .link_a {
    outline: none;
    text-decoration: none;
    font-size: 13px;
    color: #FE2572;
    cursor: pointer;
}

.hive_table .link_a:hover, .hive_table .link_a:active, .link_a:hover, .link_a:active {
    outline: none;
    text-decoration: none;
    font-size: 13px;
    color: #FE2572;
    cursor: pointer;
}

.hive-input {

}

.hive_input input::-webkit-input-placeholder, .hive_input textarea::-webkit-input-placeholder, input::placeholder {
    color: #a3afb7;
    font-size: 13px;

    -webkit-font-smoothing: antialiased;
}

.hive_input select {
    min-width: 100px;
    -webkit-font-smoothing: antialiased;
}

.hive_input input::-moz-placeholder, .hive_input textarea::-moz-placeholder {
    color: #a3afb7;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
}

/* firefox 19+ */
.hive_input input:-ms-input-placeholder, .hive_input textarea:-ms-input-placeholder {
    color: #a3afb7;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
}

/* ie */
hive_input:-moz-placeholder, .hive_input textarea:-moz-placeholder {
    color: #a3afb7;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
}

.statistic_btn {
    display: inline-block;
    padding: 6px 24px;
    height: 32px;
    margin-bottom: 0;
    font-size: 14px;
    outline: none;
    font-weight: 400;
    line-height: 0.428571;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    color: #FE2572 !important;
    background-color: #F1FBFF !important;
    border: 1px solid #FE2572 !important;
    border-radius: 3px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 14px;
}

.placeholder_color {
    color: #a3afb7;
    font-size: 14px;
}

.flexed {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;

}

.content_start {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

.content_end {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

.content_vertical_end {
    align-items: flex-end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
}

.content_between {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.flex-pack-justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.content_around {
    justify-content: space-around;
    -webkit-justify-content: space-around;
}

.content_center {
    justify-content: center;
    -webkit-justify-content: center;
}

.content_alignCenter {
    align-items: center
}

.vertical-align-middle {
    vertical-align: middle !important;
}

.min-height-100 {
    min-height: 100px;
}

.table-cell {
    display: table-cell \9 !important;
}

.flexed_column {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
}

.flexed_inline {
    display: inline-flex;
    display: -webkit-inline-flex;
}

.flex_1 {
    flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;

}

.flex_2 {
    flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;

}

.flex_onepointfive {
    flex: 1.5;
    -webkit-flex: 1.5;
    -ms-flex: 1.5;
}

.item-order0 {
    order: 0;
}

.item-order1 {
    order: 1;
}

.text-justify {
    text-align: justify;
}

.ver-topIE {
    vertical-align: top \9; /*ie9*/
}

.IE-left {
    float: left \9;
}

.IE-right {
    float: right \9;
}

.IE-margin-top40 {
    margin-top: 40px \9 !important;
}

.clear-both {
    clear: both !important;
}

.padding-top-6 {
    padding-top: 6px;
}

.padding-right-8 {
    padding-right: 8px;
}

.padding-vertical-8 {
    padding-top: 8px;
    padding-bottom: 8px;
}

.flex_child20 {
    width: 20%;
}

.flex_child33 {
    width: 33.33333333333334%;
}

.flex_child33 > div {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
}

.ibox {

    clear: both;
    background-color: #F5F7FA;
    padding: 0 20px;
    width: 100%;
    height: 100%;
}

.ibox-content {
    background-color: white;
    min-height: calc(100% - 91px);
    padding: 20px 0 0;
    font-size: 14px;
    margin-bottom: 32px;
    overflow: hidden;
    /*    min-width: 1200px;
        overflow-x: auto;
        -ms-overflow-x: auto;
        -moz-overflow-x: auto;
        -webkit-overflow-x: auto;*/
}

.bootstrap-table {
    padding-bottom: 80px !important;
}

.ibox-title {
    /*   padding: 10px 0;*/
    line-height: 27px;
    padding-top: 19px;
    height: 54px;
    background-color: #F5F7FA;
}

.background-parent {
    background-color: #F5F7FA !important;
}

.wrapper-content {

}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.content_padding {
    background-color: white;
    padding: 20px 10px 0px;
}

.content_border {
    border: #F0F0F0 1px solid;
    min-height: 500px;
    /* width: 80%;*/
}

.border-bottom {
    border-bottom: solid #F0F0F0 1px;
}

.dash_border {
    border: dashed 2px #eee;
}

.border-title {
    position: absolute;
    padding: 5px 10px;
    left: 40px;
    top: -15px;
}

.score_div {
    padding: 20px 45px 0px;
}

.score_div span {
    margin-left: 5px;
}

.hive {

}

.background-white {
    background-color: white !important;
}

.background-transparent {
    background-color: transparent;
}

.hive-btn-info {
    width: 24px;
    height: 32px;
    border: 1px solid #FE2572;
    line-height: 0.428571;
    background-color: #F1FBFF;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    outline: none;
    color: #FE2572;
    border-radius: 2px;
}

/*button */
.hive-btn-sm {
    display: inline-block;
    padding: 2px 16px;
    height: 24px;
    margin-bottom: 0;
    font-size: 13px !important;
    font-weight: 400;
    line-height: 0.428571;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    outline: none;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: -webkit-linear-gradient(left, #fff, #fff);
    color: #FE2572;
    border: 1px solid #FE2572;
    border-radius: 3px;
}

.hive-btn-sm-primary {
    background-image: -webkit-linear-gradient(left, #FE2572, #FF0358) !important;
    border: none !important;
    color: white !important;
    /*border: 1px solid #FE2572 !important;*/
}

.hive-btn-canle-primary {
    color: #526069 !important;
    border-color: #e5e5e5 !important;
    background-color: #f8f8f8 !important;
}

.hive-btn-delete {
    display: inline-block;
    padding: 6px 24px;
    height: 32px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 0.428571;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    outline: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    background-color: white;
    color: #ff4c4c;
    border: 1px solid #ff4c4c;
    border-radius: 4px;
}

.hive-btn-delete:hover, .hive-btn-delete:active, .hive-btn-deletemd-large:hover, .hive-btn-deletemd-large:active {
    outline: none;
    color: white;
    background-color: #ff4c4c !important;
    border: 1px solid #ff4c4c;
    border-radius: 4px;
}

.delete-primary {
    background-color: #ff4c4c !important;
    color: white !important;
}

.hive-btn-deletemd-large {
    display: inline-block;
    padding: 6px 24px;
    height: 38px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    outline: none;
    line-height: 0.428571;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    background-color: #ffffff;
    color: #ff4c4c;
    border: 1px solid #ff4c4c;
    border-radius: 4px;
}

.hive-btn-cancle {
    display: inline-block;
    padding: 6px 24px;
    height: 32px;
    margin-bottom: 0;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 0.428571;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    color: #232B33;
    background-color: #f8f8f8;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
}

.hive-btn-md-cancle {
    display: inline-block;
    padding: 6px 24px;
    height: 38px;
    margin-bottom: 0;
    font-size: 14px;
    outline: none;

    font-weight: 400;
    line-height: 0.428571;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    color: #526069;
    background-color: #f8f8f8;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
}

.hive-btn-cancle:hover, .hive-btn-cancle:active, .hive-btn-md-cancle:hover, .hive-btn-md-cancle:active, .hive-btn-canle-primary:hover, .hive-btn-canle-primary:active {
    outline: none;
    color: #526069 !important;
    background-color: #fff !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 4px;
}

.hive-btn {
    display: inline-block;
    padding: 6px 24px;
    height: 36px;
    outline: none;
    margin-bottom: 0;
    font-size: 14px;
    outline: none;
    font-weight: 400;
    line-height: 0.428571;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    color: #FE2572;
    background-color: #F1FBFF;
    border: 1px solid #FE2572;
    border-radius: 4px;
}

.hive-btn-md-large {
    display: inline-block;
    padding: 6px 24px;
    height: 38px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    outline: none;

    line-height: 0.428571;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    color: #FE2572 !important;
    background-color: #F1FBFF !important;
    border: 1px solid #FE2572;
    border-radius: 4px;
}

.hive-btn-large {
    display: inline-block;
    padding: 8px 32px;
    height: 46px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 0.428571;
    text-align: center;
    white-space: nowrap;
    outline: none;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    color: #FE2572;
    background-color: #F1FBFF;
    border: 1px solid #FE2572;
    border-radius: 4px;
}

.hive-btn:hover,
.hive-btn:active,
.hive-btn-md-large:hover,
.hive-btn-md-large:active,
.hive-btn-large:hover,
.hive-btn-large:active,
.hive-btn-info:hover,
.hive-btn-info:active {
    outline: none;
    border: 1px solid #FE2572 !important;
    color: white !important;
    background-color: #FE2572 !important;
}

.hive-btn:disabled, .hive-btn-md-large:disabled, .hive-btn-large:disabled, .hive-btn-delete:disabled, .hive-btn-deletemd-large:disabled {
    border-color: #d8e4f0 !important;
    color: #d5d9db !important;
    outline: none;

    background-color: #f8f8f8 !important;
}

input:disabled {
    border: solid 1px #d8e4f0 !important;
    background-color: #f8f8f8 !important;
}

.hive-btn-primary {
    color: white !important;
    /*background-color: #FE2572 !important;*/
    background-image: -webkit-linear-gradient(left, #FE2572, #FF0358) !important;
    border: none !important;
}

.hive-input-default {
    color: #303e45;
    background-image: -webkit-linear-gradient(left, #fff, #fff);
    border: 1px solid #d8e4f0 !important;
    border-radius: 4px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.hive-input-default-md {
    color: #303e45;
    height: 38px;
    padding: 6px 12px;
    outline: none;

    -webkit-font-smoothing: antialiased;
    border: solid 1px #d8e4f0;
    border-radius: 4px;

}

/*杈撳叆妗嗚竟妗嗛鑹�*/
.hive_input input:hover, .hive_input input:hover, .hive_input input:focus, .hive_input input:active, .hive-input-default-md input:hover, .hive-input-default-md input:hover, .hive-input-default-md input:focus, .hive-input-default-md input:active {
    transition: border linear .2s, box-shadow linear .5s;;
    -webkit-transition: border linear .2s;
    -moz-transition: border linear .2s;
    -ms-transition: border linear .2s;
    -webkit-box-shadow: 0 0 1px #FE2572;
    border-color: #FE2572;
    -webkit-font-smoothing: antialiased;

}

/*.light-input:hover,*/
.light-input:focus, .light-input:active {
    transition: border linear .2s, box-shadow linear .5s;;
    -webkit-transition: border linear .2s;
    -moz-transition: border linear .2s;
    -ms-transition: border linear .2s;
    -webkit-box-shadow: 0 0 1px #d8e4f0 !important;
    border-color: #d8e4f0 !important;
    -webkit-font-smoothing: antialiased;

}

.light-input {
    height: 32px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #303e45;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d8e4f0;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:disabled {
    outline: none;
    color: #a3afb7 !important;
    background-color: #edf0f2 !important;
    border-color: #edf0f2 !important;
}

.form-group {
    line-height: 32px;
}

.iframe-body {
    min-width: 100px !important;
}

.bs-caret {
    color: #a3afb7;
}

/*
瑕嗙洊bootstrap-extend.css涓殑鏍峰紡

start
*/
.btn {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-outline.btn-default {
    border-radius: 4px;
    border-color: #d8e4f0;

}

/*.btn.btn-default.btn-outline{
    font-size: 16px!important;
}*/
.btn-outline.btn-default:hover, .btn-outline.btn-default:focus, .btn-outline.btn-default:active {
    outline: none;
    /* color: white;
     background-image: -webkit-linear-gradient(left, #FF4D89, #FF0358);*/
    /* border-color: #d8e4f0;*/
}

.bootstrap-table .pull-right .dropdown-menu {
    right: -35px;
    left: auto;
}

/*  end*/
/*bootstrap-select */
.btn-select {
    height: 32px;
    padding: 6px 16px;
    font-size: 14px;
    line-height: 1.47142857;
    color: #303e45 !important;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d8e4f0;
    border-radius: 4px;
}

.btn-group.open .btn-select, .btn-select:focus, .btn-select:active {
    border-color: #FE2572 !important;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: auto;
    min-width: 100px;
    max-width: 220px;
}

/*  end*/
.head_next_a {
    background-color: white;
    border-radius: 4px;
    color: #526069;
    padding: 6px 24px !important;
    cursor: pointer;
    border: solid 1px #d8e4f0 !important;
}

.cursor_pointer {
    cursor: pointer;
}

.hive_icon {
    /*width: 16px;*/
    /*height: 16px;*/
    cursor: pointer;
    font-size: 18px !important;
}

.hive_icon:not(:first-child) {
    margin-left: 16px;

}

/*
*瑕嗙洊bootstrap table
start===>>
*/
.fixed-table-toolbar .bs-bars, .fixed-table-toolbar .columns, .fixed-table-toolbar .search {
    position: relative;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    line-height: 34px;
}

.fixed-table-container {
    position: relative;
    clear: both;
    border: 0px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

/*head  =====>> */
.table > thead > tr > th {
    border-bottom: none;
}

.bootstrap-table .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: none;
}

/*<<=======  head end*/

table > thead {
    background-color: #f8f8f8;
}

table > thead > tr:first-child {
    border-bottom: 1px solid #e7f3fe;
}

.table-row-border-color {
    border-color: #d8e4f0;
}

.table a {
    text-decoration: none;
}

/*
鏂戦┈鑹插拰hover
*/
.table-hover > tbody > tr:hover {
    background-color: rgba(243, 247, 249, 1);
}

/*.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(243, 247, 249, 0);
}*/

/*table body*/
.fixed-table-body {
    overflow-x: auto;
    overflow-y: auto;
    height: 100%;
    border-bottom: solid 1px #e7f3fe;
}

/*table {
    background-color: rgba(243, 247, 249, 0);
}*/
/*head涓巄ody鏂囧瓧灞呬腑*/

.fixed-table-container tbody td .th-inner, .fixed-table-container thead th .th-inner {
    /*text-align: left;*/
    padding: 8px;
    line-height: 24px;
    /*vertical-align: top;*/
    color: #303e45;
    font-weight: 400;
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px 24px;
    line-height: 1.42857143;
    /*text-align: left;*/
    /*vertical-align: top;*/
    font-size: 13px;
    color: #526069;
    border-top: 1px solid #e7f3fe;
}

.table > tbody > tr > td > span:not(:first-child) {
    color: #a3afb7;
}

.fixed-table-pagination .pagination-info {
    line-height: 34px;
    margin-right: 5px;
    color: #a3afb7 !important;
}

/*header涓庢枃瀛楀眳涓�*/
.center-table {
    min-width: 100px;
}

.center-table .fixed-table-container tbody td .th-inner, .center-table .fixed-table-container thead th .th-inner {
    text-align: center;
    padding: 8px;
    line-height: 24px;
    vertical-align: top;
    color: #303e45;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.center-table .table > tbody > tr > td, .center-table .table > tbody > tr > th, .center-table.table > tfoot > tr > td, .center-table.table > tfoot > tr > th, .center-table.table > thead > tr > td, .center-table.table > thead > tr > th {
    padding: 8px 24px;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: top;
    font-size: 13px;
    color: #526069;
    border-top: 1px solid #e7f3fe;
}

.center-table .fixed-table-body {
    overflow-x: auto;
    overflow-y: auto;
    height: 100%;
    border-bottom: solid 0px #e7f3fe;
}

.center-table .table-bordered > thead:first-child > tr:first-child > th {
    border: 1px solid #ddd;
}

.hive-table2 tbody {
    background-color: rgba(243, 247, 249, 0.3);
}

.date_btn {
    display: inline-block;
    height: 38px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border: none;
    zoom: 1;
    background-image: -webkit-linear-gradient(left, #FF4D89, #FF0358);
    min-width: 160px;
    line-height: 32px;
    vertical-align: middle;
    background-image: none;
    text-align: left;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control {
    display: block;
    width: 100%;
    height: 32px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #303e45;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d8e4f0;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/*
@media (min-width: 1100px) {
    .form-control {
        display: block;
        width: 100%;
        height: 32px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #303e45;
        background-color: #fff;
        background-image: none;
        border: 1px solid #d8e4f0;
        border-radius: 4px;
        webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }
}
*/

.form-horizontal .control-label {
    text-align: right;
    font-size: 14px;
    color: #303e45;
    padding-top: 0px !important;
}

/*
.form-horizontal .control-label {
    text-align: right;
    width: 140px;
    font-size: 13px;
    padding-top: 0px !important;
}
*/

.bootstrap-select.form-control:not([class*=col-]) {
    width: auto;
}

.margin-left-4 {
    margin-left: 4px;
}

.margin-top_-10 {
    margin-top: -10px;
}

.margin-top_-15 {
    margin-top: -15px;
}

.margin-left_-45 {
    margin-left: -45px;
}

.margin-left_-15 {
    margin-left: -15px;
}

.margin-top-120 {
    margin-top: 120px !important;
}

.margin-top-160 {
    margin-top: 160px !important;
}

.margin-top-240 {
    margin-top: 240px !important;
}

.margin-vertical-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}

.margin-vertical-24_20 {
    margin-top: 24px !important;
    margin-bottom: 20px !important;
}

.margin-vertical-4_20 {
    margin-top: 4px !important;
    margin-bottom: 20px !important;
}

.margin-vertical-20_10 {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

.margin-vertical-24_10 {
    margin-top: 24px !important;
    margin-bottom: 10px !important;
}

.margin-vertical-4_0 {
    margin-top: 4px !important;
    margin-bottom: 0px !important;
}

.margin-horizontal-8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
}

.margin-horizontal-8_20 {
    margin-left: 8px !important;
    margin-right: 20px !important;
}

.layui-layer-btn .layui-layer-btn0 {
    border-color: #FE2572 !important;
    background-color: #FE2572 !important;
    color: #fff;
}

.layui-layer-btn a {
    height: 28px;
    line-height: 28px;
    margin: 6px 6px 0;
    padding: 0 15px;
    background-color: #f8f8f8 !important;
    border: 1px solid #E5E5E5 !important;
    color: #333;
    border-radius: 2px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
}

/*<<======== tab
le end*/

/**
瑕嗙洊鍒嗛〉  start======>>
*/

.alert {
    margin-bottom: 0px !important;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #303e45 !important;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #d8e4f0 !important;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: pointer;
    background-color: #FE2572 !important;
    border-color: #FE2572 !important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #fff;
    text-decoration: none;
    background-image: -webkit-linear-gradient(left, #FF4D89, #FF0358);
    outline: 0;
}

/** <<======end*/

.hive-border {
    border: 1px solid #d8e4f0;
    border-radius: 4px;
}

.export-icon {
    background-image: url("../../img/export.png");
}

.hive-border-color {
    border-color: #d8e4f0;
}

.hive_table_rowsBG {
    background-color: rgba(243, 247, 249, 0.3);
}

.hive-table-bodyBG {
    background-color: rgba(243, 247, 249, 0);
}

.hive_rows_border-bottom_c {
    background-color: #e7f3fe;
}

.icon_color {
    color: #a3afb7;
}

.header-bordered {
    border: 2px solid #F0F0F0;
    border-left-width: 3px;
    border-left-color: #00cc66;
}

.table-center {
    display: table;
    margin: 0 auto;
}

/**
瀹氫綅 灞呬腑
*/
.relative_position {
    position: relative;

}

.height_100p {
    height: 100%;
}

.width_100p {
    width: 100%;
}

.width-80p {
    width: 80%;
}

.width-150 {
    width: 150px !important;
}

.width-90 {
    width: 90px;
}

.width-70 {
    width: 70px;
}

.width-60 {
    width: 60px;
}

.width-76 {
    width: 76px;
}

.width_320 {
    width: 320px;
}

.width-120 {
    width: 120px !important;
}

.width-160 {
    width: 160px !important;
}

@media (min-width: 768px) {
    .bottom_position {
        bottom: 20%;
        position: absolute;
        text-align: center;
        left: 20%;
    }

    .child_vertical {
        position: absolute;
        top: 10%;
        transform: translateY(20%);
    }

}

@media (max-width: 767px) {
    .bottom_position {
        bottom: 10%;
        position: absolute;
        text-align: center;
        left: 20%;
    }

    .child_vertical {
        position: absolute;
        top: 10px;
        transform: translateY(20%);
        width: 100%;
    }

}

.swiper-tab {
    /* height: 3.15rem;*/
    border-bottom: 1px solid #d8e4f0;
}

.hive_form input select {
    min-width: 160px;
    -webkit-font-smoothing: antialiased;

}

/*姝ｆ枃锛岃〃鏍艰〃澶村瓧娈垫墍鐢�*/
.hive > span {
    color: #526069;
    font-weight: normal;
    font-size: 14px;
}

/*姝ｆ枃锛岃〃鏍艰〃澶村瓧娈垫墍鐢�*/
.main_text {
    color: #526069;
    font-weight: normal;
    font-size: 14px;
}

.parent_fixed_position {
    position: relative;
    transform: scale3d(1, 1, 1);
}

.fixed-position {
    position: fixed;
    right: 20px;
    left: 20px;
}

.h4-title {
    border-left: solid 2px #FE2572
}

.no_data {
    width: 200px;
    height: 200px;
}

.echarts_container {
    padding: 10px;
    width: 100%;
    min-height: 450px;
    border: solid 1px #ddd;
}

.paybac_success {
    background-color: #f1fbf0;
    font-size: 12px;
    color: #00cc00;
    padding: 0px 8px;
    border-radius: 4px;
    display: inline-block;
    border: solid 1px #dbf4e2;
    text-align: left;
}

/*.paybac_success {
    background-color: #00cc00;
    font-size: 12px;
    color: white;
    padding: 2px 8px;
    border-radius: 20px;
    display: inline-block;
    text-align: left;
}*/

.pay_back {
    background-color: #fff1f0;
    font-size: 12px;
    color: #eb6363;
    padding: 2px 8px;
    border-radius: 4px;
    border: solid 1px #fae7e5;
    display: inline-block;
    text-align: left;
}

.select-color {
    color: #a3afb7;
}

.selected-color {
    color: #303e45;
}

.hive_border {
    border: solid 1px #dddddd;
}

.hive_content {
    color: #526069;
    font-size: 13px;
}

.hive_content_title {
    color: #526069;
    font-size: 14px;
    font-weight: 500;
}

.hive_group {
    margin-left: 12px;
    margin-top: 4px;
}

.hive_group > label {
    font-size: 13px;
    color: #526069;
    font-weight: 400;
    min-width: 100px;
}

.hive_group > span {
    font-size: 13px;
    color: #526069;
    font-weight: 400;
    margin-left: 12px;
}

.hive_group > .form-control {
    display: inline;
    min-width: 160px;
    max-width: 250px;
    margin-left: 12px;
}

.posotion_abs {
    position: absolute;
}

.width-64 {
    width: 64px;
}

.height-64 {
    height: 64px;
}

.span_color {
    color: #526069;
}

.clear-both-space {
    padding: 0px !important;
    margin: 0px !important;
}

.clear-padding {
    padding: 0 !important;
}

.color_danger {
    color: #f96868 !important;
    font-size: 13px;
    font-weight: normal !important;
}

.color_success {
    color: #23B85E !important;
    font-size: 13px;
    font-weight: normal !important;
}

.color_normal {
    color: #1388ff !important;
    font-size: 13px;
    font-weight: normal !important;
}

.color_wanging {
    color: #f8aa14 !important;
    font-size: 13px;
    font-weight: normal !important;
}

.color_disabled {
    color: #d5d9db !important;
    font-size: 13px;
    font-weight: normal !important;
}

.div_modle {
    min-height: 100px;
    background-color: white;
    padding: 20px

}

.div_modle span {
    font-size: 14px;
    color: #526069;
}

.radius_span {
    display: inline-block !important;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: solid 1px #FE2572;
    vertical-align: middle !important;

}

.title_span {
    /*min-width: 100px;*/
    display: inline-block !important;
    margin-left: 8px;
    font-size: 16px !important;
    vertical-align: middle !important;
    color: #FE2572 !important;
}

.radius_50p {
    border-radius: 50%;
}

.color_blue {
    color: #FE2572 !important;
}

.color_title {
    color: #303e45 !important;
}

.color_content {
    color: #526069 !important;
}

.color_hint {
    color: #a3afb7 !important;
    font-size: 13px;
}

.color_close {
    color: #a3afb7 !important;
}

.head_span {
    font-size: 24px !important;
    font-weight: 400 !important;
    color: #303e45 !important;
}

/*鍔ㄧ敾*/

#loading {
    height: 100px;
    width: 100%;
    background-color: transparent;
    z-index: 1;
}

#loading-center {
    margin-top: 100px;
    width: 100%;
    height: 100%;
    position: relative;
}

#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 60px;
    width: 60px;
    margin-top: -30px;
    margin-left: -30px;
    -webkit-animation: loading-center-absolute 1s infinite;
    animation: loading-center-absolute 1s infinite;

}

.object {
    width: 16px;
    height: 16px;
    background-color: #FFF;
    float: left;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    margin-right: 20px;
    margin-bottom: 20px;
}

.object:nth-child(2n+0) {
    margin-right: 0px;

}

#object_one {
    background-color: #F96868;
    -webkit-animation: object_one 1s infinite;
    animation: object_one 1s infinite;
}

#object_two {
    background-color: #23B85E;
    -webkit-animation: object_two 1s infinite;
    animation: object_two 1s infinite;
}

#object_three {
    background-color: #588afc;
    -webkit-animation: object_three 1s infinite;
    animation: object_three 1s infinite;
}

#object_four {
    background-color: #f8aa14;
    -webkit-animation: object_four 1s infinite;
    animation: object_four 1s infinite;
}

@-webkit-keyframes loading-center-absolute {
    100% {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

}

@keyframes loading-center-absolute {
    100% {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes object_one {
    50% {
        -ms-transform: translate(20px, 20px);
        -webkit-transform: translate(20px, 20px);
        transform: translate(20px, 20px);
    }
}

@keyframes object_one {
    50% {
        -ms-transform: translate(20px, 20px);
        -webkit-transform: translate(20px, 20px);
        transform: translate(20px, 20px);
    }
}

@-webkit-keyframes object_two {
    50% {
        -ms-transform: translate(-20px, 20px);
        -webkit-transform: translate(-20px, 20px);
        transform: translate(-20px, 20px);
    }
}

@keyframes object_two {
    50% {
        -ms-transform: translate(-20px, 20px);
        -webkit-transform: translate(-20px, 20px);
        transform: translate(-20px, 20px);
    }
}

@-webkit-keyframes object_three {
    50% {
        -ms-transform: translate(20px, -20px);
        -webkit-transform: translate(20px, -20px);
        transform: translate(20px, -20px);
    }
}

@keyframes object_three {
    50% {
        -ms-transform: translate(20px, -20px);
        -webkit-transform: translate(20px, -20px);
        transform: translate(20px, -20px);
    }
}

@-webkit-keyframes object_four {
    50% {
        -ms-transform: translate(-20px, -20px);
        -webkit-transform: translate(-20px, -20px);
        transform: translate(-20px, -20px);
    }
}

@keyframes object_four {
    50% {
        -ms-transform: translate(-20px, -20px);
        -webkit-transform: translate(-20px, -20px);
        transform: translate(-20px, -20px);
    }
}

#chooseContent {
    width: 270px;
    background-color: #fff !important;
    position: absolute;
    top: 40px;
    padding-bottom: 10px;
    z-index: 9999;
    font-size: 13px !important;
    /*height: 0px;*/
    left: 0;
    border: solid 1px #d8e4f0 !important;
    border-radius: 4px;

}

#chooseContent > div:first-child {
    background-color: #F1FBFF;
    color: #526069;
    text-align: center;
    padding: 4px 12px 4px 4px;
}

#chooseContent > div:first-child > span {
    margin-left: 8px;
    cursor: pointer;
}

#chooseContent > div:last-child {
    padding: 0px 16px;
    margin-top: 8px;
}

.img_32 {
    width: 32px;
    height: 32px;
}

.img_24 {
    width: 24px;
    height: 24px;
}

.space_component {
    margin-left: 8px;
    margin-right: 40px;
}

@media (min-width: 1600px) {
    .container {
        width: 1310px
    }
}

@media (min-width: 1600px) {
    .col-xlg-1, .col-xlg-10, .col-xlg-11, .col-xlg-12, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9 {
        float: left
    }

    .col-xlg-12 {
        width: 100%
    }

    .col-xlg-11 {
        width: 91.66666667%
    }

    .col-xlg-10 {
        width: 83.33333333%
    }

    .col-xlg-9 {
        width: 75%
    }

    .col-xlg-8 {
        width: 66.66666667%
    }

    .col-xlg-7 {
        width: 58.33333333%
    }

    .col-xlg-6 {
        width: 50%
    }

    .col-xlg-5 {
        width: 41.66666667%
    }

    .col-xlg-4 {
        width: 33.33333333%
    }

    .col-xlg-3 {
        width: 25%
    }

    .col-xlg-2 {
        width: 16.66666667%
    }

    .col-xlg-1 {
        width: 8.33333333%
    }

    .col-xlg-pull-12 {
        right: 100%
    }

    .col-xlg-pull-11 {
        right: 91.66666667%
    }

    .col-xlg-pull-10 {
        right: 83.33333333%
    }

    .col-xlg-pull-9 {
        right: 75%
    }

    .col-xlg-pull-8 {
        right: 66.66666667%
    }

    .col-xlg-pull-7 {
        right: 58.33333333%
    }

    .col-xlg-pull-6 {
        right: 50%
    }

    .col-xlg-pull-5 {
        right: 41.66666667%
    }

    .col-xlg-pull-4 {
        right: 33.33333333%
    }

    .col-xlg-pull-3 {
        right: 25%
    }

    .col-xlg-pull-2 {
        right: 16.66666667%
    }

    .col-xlg-pull-1 {
        right: 8.33333333%
    }

    .col-xlg-pull-0 {
        right: auto
    }

    .col-xlg-push-12 {
        left: 100%
    }

    .col-xlg-push-11 {
        left: 91.66666667%
    }

    .col-xlg-push-10 {
        left: 83.33333333%
    }

    .col-xlg-push-9 {
        left: 75%
    }

    .col-xlg-push-8 {
        left: 66.66666667%
    }

    .col-xlg-push-7 {
        left: 58.33333333%
    }

    .col-xlg-push-6 {
        left: 50%
    }

    .col-xlg-push-5 {
        left: 41.66666667%
    }

    .col-xlg-push-4 {
        left: 33.33333333%
    }

    .col-xlg-push-3 {
        left: 25%
    }

    .col-xlg-push-2 {
        left: 16.66666667%
    }

    .col-xlg-push-1 {
        left: 8.33333333%
    }

    .col-xlg-push-0 {
        left: auto
    }

    .col-xlg-offset-12 {
        margin-left: 100%
    }

    .col-xlg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-xlg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-xlg-offset-9 {
        margin-left: 75%
    }

    .col-xlg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-xlg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-xlg-offset-6 {
        margin-left: 50%
    }

    .col-xlg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-xlg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-xlg-offset-3 {
        margin-left: 25%
    }

    .col-xlg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-xlg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-xlg-offset-0 {
        margin-left: 0
    }
}

.col-xlg-1, .col-xlg-10, .col-xlg-11, .col-xlg-12, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

/*ichecks*/
.checkspace {
    margin-left: 8px !important;
    margin-right: 20px !important;
}

.inline-block {
    display: inline-block !important;
}

.hint {
    color: #a3afb7 !important;
    font-size: 13px !important;
    margin-left: 8px !important;
}

.checkbox label, .radio label {
    min-height: 20px;
    padding-left: 0px !important;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

.form-horizontal .checkbox {
    padding-top: 0px;
}

/*select*/

.select-default {
    border: 1px solid #d8e4f0 !important;
    background-color: white;
    color: #303e45 !important;
    font-size: 13px;
    height: 32px;
}

/*textarea label*/
.textarea-label {
    height: 120px;
    line-height: 120px
}

.textarea-hint {
    height: 120px;
    line-height: 220px;
    color: #a3afb7 !important;
    font-size: 13px !important;
    margin-left: 8px !important;
    display: inline-block;
}

/*button*/
.btn-group > statistic_btn {
    position: relative;
    float: left;
}

.btn-toolbar .statistic_btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
    float: left
}

.btn-toolbar > .statistic_btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
    margin-left: 5px
}

.btn-group > .statistic_btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group > .statistic_btn:not(:first-child) {
    margin-left: -5px;

}

.btn-group > .statistic_btn:first-child {
    margin-left: 0
}

.btn-group > .statistic_btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .statistic_btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.form-inline > .table-span {
    font-size: 13px;
    height: 32px;
    color: #303e45;
    line-height: 32px;
    display: inline-block;
}

.form-inline > .table-span:not(:first-child) {
    padding: 6px 8px;
}

.time.active {
    color: #FE2572;
}

.time {
    cursor: pointer;
    color: #526069;
    font-size: 13px;
}

.textarea-class {
    width: 500px !important;
    font-size: 13px;
    height: 100px !important;
}

.width-50 {
    width: 50px
}

.width-100 {
    width: 100px
}

.width-150 {
    width: 150px
}

.width-200 {
    width: 200px !important;
}

.width-250 {
    width: 250px
}

.width-290 {
    width: 290px
}

.width-300 {
    width: 300px
}

.width-350 {
    width: 350px
}

.width-400 {
    width: 400px
}

.width-450 {
    width: 450px
}

.width-500 {
    width: 500px
}

.width-full {
    width: 100% !important
}

.height-50 {
    height: 50px
}

.height-100 {
    height: 100px
}

.height-120 {
    height: 120px
}

.height-150 {
    height: 150px
}

.height-200 {
    height: 200px
}

.height-250 {
    height: 250px
}

.height-300 {
    height: 300px
}

.height-350 {
    height: 350px
}

.height-400 {
    height: 400px
}

.height-450 {
    height: 450px
}

.height-500 {
    height: 500px
}

.height-full {
    height: 100% !important
}

.tabbar {
    display: flex;
    align-items: center;
    width: 100%;
    height: 45px;
    background-image: -webkit-linear-gradient(left, #FE2572, #FF0358);
    /*background-image: -webkit-linear-gradient(left, #FF4D89, #FF0358);*/
    color: white;
}

.tabbar > img {
    width: 24px;
    height: 24px;
    margin-left: 10px;
}

.tabbar > label {
    display: inline-block;
    width: calc(100% - 68px);
    text-align: center;
    font-size: 18px;
}

option {
    border: none;
    width: 100%;
}





